<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>HaoJueTrace个人主页</title>
<!-- Meta Data -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="format-detection" content="telephone=no"/>
       <meta name="format-detection" content="address=no"/>


    <!-- Styles -->
	<link rel="stylesheet" type="text/css" href="assets/styles/style.css"/>
    
    <link rel="stylesheet" type="text/css" href="assets/demo/style-demo.css"/>
	
</head>
<body>
    <!-- Preloader -->
    <div class="preloader">
	    <div class="preloader__wrap">
		    <div class="circle-pulse">
                <div class="circle-pulse__1"></div>
                <div class="circle-pulse__2"></div>
            </div>
		    <div class="preloader__progress"><span></span></div>
		</div>
	</div>

    <main class="main">
	    <!-- Header Image -->
		<div class="header-image">
		    <div class="js-parallax" style="background-image: url(这里你可填头部背景图 超链接模式);"></div>
		</div>
		
	    <div class="container gutter-top">
		    <!-- Header -->
		    <header class="header box">
			    <div class="header__left">
				    <div class="header__photo">
					    <img class="header__photo-img" src="https://blog.haojt.cn/wp-content/uploads/2023/05/20190104211217_FdASa.jpeg" alt="Ronald Robertson">
					</div>
					<div class="header__base-info">
					    <h4 class="title titl--h4">Hello I'M  <b> HaoJueTrace </b></h4><p>
						<div class="status">漫山遍野你的脸庞  唯有遗忘最漫长</div>
				
					</div>
				</div>
				<div class="header__right">
				    <ul class="header__contact">
					    <li><span class="overhead">邮箱</span>hj580231@126.com</li>
							<li><span class="overhead">地址</span>中国-广东广州</li>
					</ul>
				</div>
			</header>
			
		    <div class="row sticky-parent">
			    <!-- Sidebar nav -->
                <aside class="col-12 col-md-12 col-lg-2">
				    <div class="sidebar box sticky-column">
	                    <ul class="nav">
                            <li class="nav__item"><a class="active" href="index.html"><i class="icon-user"></i>主页</a></li>
							<li class="nav__item"><a href="resume.html"><i class="icon-file-text"></i>经历</a></li>
                            <li class="nav__item"><a href="photo.html"><i class="icon-codesandbox"></i>相册</a></li>         </ul>
					</div>
		        </aside>
		        
				<!-- Content -->
		        <div class="col-12 col-md-12 col-lg-10">
				    <div class="box box-content">
					    <!-- About -->
						<div class="pb-0 pb-sm-2">
		                    <h1 class="title title--h1 first-title title__separate">关于 我</h1>
		                    <p>我是来自广东广州的一名云计算运维工程师</p>
		                    <p>
		                        我熟悉掌握Linux基础命令、OpenStack部署与运维、docker基础使用、kubernetes部署使用、ansible自动化运维、
		                        </br>
		                        CICD部署运维、Hadoop伪分布式与分布式部署以及基本使用、Redis一主二从三哨兵部署与使用、jumpserver部署与使用、
		                        </br>
		                        apache部署与使用、nginx部署与使用、mysql部署与使用等基础软件安装与部署、了解Python、Golang、shell脚本开发。
					        </p>
                           	    </div>
						
						<!-- What -->
		<div class="mt-1">
						    <h2 class="title title--h3">能给你做什么</h2>
							<div class="row">
							    <!-- Case Item -->
							    <div class="col-12 col-lg-6">
							        <div class="case-item">
									    <img class="case-item__icon" src="assets/icons/icon-design.svg" alt="" />
										<div>
									        <h3 class="title title--h4">调整与维护</h3>
										    <p class="case-item__caption"></p>
										</div>	
									</div>
								</div>
								
								<!-- Case Item -->
								<div class="col-12 col-lg-6">
							        <div class="case-item">
									    <img class="case-item__icon" src="assets/icons/icon-dev.svg" alt="" />
										<div>
									        <h3 class="title title--h4">配置管理</h3>
										    <p class="case-item__caption"></p>
										</div>
									</div>
								</div>
								
								<!-- Case Item -->
								<div class="col-12 col-lg-6">
								    <div class="case-item">
								        <img class="case-item__icon" src="assets/icons/icon-app.svg" alt="" />
										<div>
								            <h3 class="title title--h4">脚本编写</h3>
									        <p class="case-item__caption"></p>
										</div>
								   </div>
								</div>
								
								<!-- Case Item -->
								<div class="col-12 col-lg-6">
								    <div class="case-item">
									    <img class="case-item__icon" src="assets/icons/icon-photo.svg" alt="" />
										<div>
									        <h3 class="title title--h4">自动化部署</h3>
										    <p class="case-item__caption"></p>
										</div>
									</div>
								</div>
							</div>	
						</div>		<!-- Testimonials -->
						<div class="mt-2">
						    <h2 class="title title--h3">我的项目</h2>
						    <div class="swiper-container js-carousel-review">
                                <div class="swiper-wrapper">
								    <!-- Item review -->
                                  <div class="swiper-slide review-item">
										<svg class="avatar avatar--80" viewBox="0 0 84 84">
                                            <g class="avatar__hexagon">
                                                <image xlink:href="https://blog.haojt.cn/wp-content/uploads/2023/05/20190104211217_FdASa.jpeg" height="100%" width="100%" />
                                            </g>
                                        </svg>
										<div class="review-item__textbox">
											<h4 class="title title--h5"><a href="https://blog.haojt.cn">个人博客</a></h4>
											<p class="review-item__caption">漫山遍野你的脸庞 唯有遗忘最漫长</p>
									    </div>
									</div>
                       
							<div class="swiper-slide review-item">
										<svg class="avatar avatar--80" viewBox="0 0 84 84">
                                            <g class="avatar__hexagon">
                                                <image xlink:href="https://blog.haojt.cn/wp-content/uploads/2023/05/20190104211217_FdASa.jpeg" height="100%" width="100%" />
                                            </g>
                                        </svg>
										<div class="review-item__textbox">
											<h4 class="title title--h5"><a href="https://chat.haojt.cn">ChatGPT</a></h4>
											<p class="review-item__caption">人工智能AI</p>
										</div>
									</div>

								<!-- Item review -->
                             <div class="swiper-slide review-item">
										<svg class="avatar avatar--80" viewBox="0 0 84 84">
                                            <g class="avatar__hexagon">
                                                <image xlink:href="https://blog.haojt.cn/wp-content/uploads/2023/05/20190104211217_FdASa.jpeg" height="100%" width="100%" />
                                            </g>
                                        </svg>
										<div class="review-item__textbox">
											<h4 class="title title--h5"><a href="/">个人官网</a></h4>
											<p class="review-item__caption">你所见既是</p>
										</div>
									</div>
								<!-- Item review -->
                             <div class="swiper-slide review-item">
										<svg class="avatar avatar--80" viewBox="0 0 84 84">
                                            <g class="avatar__hexagon">
                                                <image xlink:href="https://blog.haojt.cn/wp-content/uploads/2023/05/20190104211217_FdASa.jpeg" height="100%" width="100%" />
                                            </g>
                                        </svg>
										<div class="review-item__textbox">
											<h4 class="title title--h5"><a href="https://blog.haojt.cn/%e6%88%91%e7%9a%84%e6%af%95%e4%b8%9a%e8%ae%ba%e6%96%87/">我的毕业论文</a></h4>
											<p class="review-item__caption">尽力而为顺其自然</p>
										</div>
									</div>
									

                 	<!-- 剩下这一条也是项目 可自行删除注释段显示出来 也可POCY自行多加 -->
                        <!--            <div class="swiper-slide review-item">
										<svg class="avatar avatar--80" viewBox="0 0 84 84">
                                            <g class="avatar__hexagon">
                                                <image xlink:href="https://inscc.cc/ins.png" height="100%" width="100%" />
                                            </g>
                                        </svg>
										<div class="review-item__textbox">
											<h4 class="title title--h5"><a href="https://inscc.cc">这里填名称</a></h4>
											<p class="review-item__caption">对 这里填介绍</p>
										</div>
									</div>
	                 -->					
							

                                
                                </div>
                              
                                <div class="swiper-pagination"></div>
                            </div>
						</div>
						
			



						<div class="swiper-pagination"></div>
							</div>
						</div>
					</div>
		            
					<!-- Footer -->
					<footer class="footer">COPYRIGHT © 2023 HAOJUETRACE. ALL RIGHTS RESERVED.</br><a class="footer" href="https://beian.miit.gov.cn">
粤ICP备2021013804号</a></footer>
		        </div>
			</div>
		</div>	
    </main>


	
    <div class="back-to-top"></div>
    
	 
	
	<!-- JavaScripts -->
	<script src="assets/js/jquery-3.4.1.min.js"></script>
	<script src="assets/js/plugins.min.js"></script>
    <script src="assets/js/common.js"></script>
	
	<script src="assets/demo/plugins-demo.js"></script>
</body>
</html>